<div style="width: 350px;">
	<div class="row">
		<div class="col-md-10">
			<b>Endereço:</b>
			<g:if test="${marcador.cidade }">
				<g:fieldValue bean="${marcador }" field="cidade" />
					,
				</g:if>
	
			<g:fieldValue bean="${marcador }" field="estado" />
			,
			<g:fieldValue bean="${marcador }" field="pais" />
	
		</div>
		<div class="col-md-2" style="padding-right: 0px; padding-left: 0px;">
			<g:if test="${session.usuarioLogado && session.usuarioLogado.id == marcador.usuarioCadastro.id }">
				<g:link controller="marcador" action="preAlterar" id="${marcador.id}">
					<g:img file="update.png" style="width:24px; height:24px;" alt="Alterar Marcador" title="Alterar Marcador"/>
				</g:link>
				<g:link controller="marcador" action="remover" id="${marcador.id}">
					<g:img file="remove.png" style="width:24px; height:24px;" alt="Remover Marcador" title="Remover Marcador"/>
				</g:link>
			</g:if>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<b>Detalhe da Localização:</b>
			<g:fieldValue bean="${marcador }" field="local" />
		</div>
	</div>
	<div class="row">
		<div class="col-md-2" style="padding-right: 0px;">
			<g:if test="${marcador.usuarioCadastro?.foto?.id}">
				<img src='${createLink(controller:'documento', action:'recuperar', id:"${marcador.usuarioCadastro?.foto?.id}")}' 
				alt="${marcador.usuarioCadastro.nome}" title="${marcador.usuarioCadastro.nome}" class="img-rounded" style="width: 40px; height: 40px;"/>
				<div class="basic" data-average="10" data-id="1"></div>
			</g:if>
			<g:if test="${!(marcador.usuarioCadastro?.foto?.id)}">
			   <img src='${resource(dir: 'images', file: 'no-user.jpg')}' 
			   alt="${marcador.usuarioCadastro.nome}" title="${marcador.usuarioCadastro.nome}"
			   class="img-rounded" style="width: 40px; height: 40px;"/>
		    </g:if>
		</div>
		
		<div class="col-md-10" style="padding-left: 0px;">
			<b>${marcador.usuarioCadastro.nome }:</b>
			<g:fieldValue bean="${marcador }" field="descricao" />
			<p>
				<b>Data:</b>
				<g:formatDate format="dd/MM/yyyy HH:mm" date="${marcador.dataCadastro}"/>
			</p>
		</div>
	</div>
	
	<div class="row">
		<div class="col-md-12" id="twitter_pos" style="padding-top: 5px;">
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<h4>Comentários</h4>
			<table class="table table-striped" id="comentarios-list">
					<tbody>
						<g:if test="${marcador.comentarios }">
							<g:each in="${marcador.comentarios}" var="comentario">
								<g:render template="/comentarioMarcador/comentario" model="[comentario:comentario]"/>
							</g:each>
						</g:if>
					</tbody>
			</table>
		</div>
	</div>	
	
	<g:if test="${session.usuarioLogado}">
		<g:form class="form-inline" role="form">
			<div class="form-group">
				<g:if test="${session.usuarioLogado?.foto?.id}">
					<img
						src='${createLink(controller:'documento', action:'recuperar', id:"${session.usuarioLogado.foto.id}")}'
						alt="${session.usuarioLogado.nome}" title="${session.usuarioLogado.nome}" class="img-rounded"
						style="width: 32px; height: 32px;" />
				</g:if>
				<g:if test="${!(session.usuarioLogado?.foto?.id)}">
			      <img src='${resource(dir: 'images', file: 'no-user.jpg')}' alt="${session.usuarioLogado.nome}" title="${session.usuarioLogado.nome}"
				   class="img-rounded" style="width: 32px; height: 32px;"/>
		        </g:if>
			</div>
			<div class="form-group">
				<div class="input-group">
					<input class="form-control" type="text" size="25" id="coment" name="coment" placeholder="Escreva um comentário...">
				</div>
			</div>
			<button type="button" class="btn btn-default" 
			onclick="if($.trim($('#coment').val()).length == 0) {alert('Preencha com um comentário'); return;}
				cadastrarComentario(${marcador.id},$('#coment'));"
				style="width: 71px; padding-left: 2px;  padding-right: 2px;">
				Comentar
			</button>
		</g:form>
	</g:if>
	<g:if test="${!session.usuarioLogado}">
		<p>
			<g:link controller="usuario" action="index">Desejar Comentar? Clique aqui para entrar.</g:link>
		</p>
	</g:if>
	
</div>

